<script setup>
import HelloWorld from './components/HelloWorld.vue'
import Brand from './components/brand.vue'
import Color from './components/color.vue'
import Graphic from './components/graphic.vue'
import Composition from './components/composition/composition.vue'
import Combination from './components/combination/combination.vue'
import Mashup from './components/mashup/mashup.vue'
import Scheme from './components/scheme/scheme.vue'
import Suite from './components/suite/suite.vue'
import Format from './components/format/format.vue'

import './style/reset.css'
</script>

<template>
  <header>

    <div class="wrapper">
      <!-- <HelloWorld msg="Hello Vue 3 + Vite" /> -->
      <Brand />
      <!-- <hr> -->
      <!-- <Color /> -->
      <!-- <hr> -->
      <!-- <Graphic /> -->
      <!-- <hr> -->
      <!-- <Composition /> -->
      <hr>
      <Combination />
      <hr>
      <!-- <Mashup /> -->
      <!-- <hr> -->
      <!-- <Scheme /> -->
      <!-- <hr> -->
      <!-- <Suite /> -->
      <!-- <hr> -->
      <!-- <Format /> -->
    </div>
  </header>
</template>

<style scoped>
hr {
  margin-top: 2rem;
}
</style>
